<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<%@include file="/head.jsp"%>
<script src="jsp/system/Role/index.js" type="text/javascript"></script>
</head>
<body class="easyui-layout">
	<div id="center" region="west" split="true" style="width:720px;" title="角色信息" >
		<div class="context">
			<div class="tool-bar">
				<a class="easyui-linkbutton" iconCls="icon-add" plain="true" href="javascript:void(0);" onclick="btn_add();">添加</a>
				<a class="easyui-linkbutton" iconCls="icon-edit" plain="true" href="javascript:void(0);" onclick="btn_edit();">编辑</a>
				<a class="easyui-linkbutton" iconCls="icon-delete" plain="true" href="javascript:void(0);" onclick="btn_delete();">删除</a>
			</div>
			<table id="grid" url="system/Role/get" tmpl="#template" pager="#pager" style="width: 670px;">
				<thead class="datagrid-header">
					<tr>
						<th style="width: 30px;"><input type="checkbox" onclick="$('.easyui-simplegrid').simplegrid('selectAll');" /></th>
						<th>角色名称</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<script id="template" type="text/x-jquery-tmpl">
				<tr>
					<td name="id" value="{{= id}}"><input type="checkbox"/></td>
					<td name="name">{{= name}}</td>
				</tr>
			</script>
		
		</div>
		<!-- 分页 -->
		<div id="pager" class="pager"></div>
	</div>

	<div region="center" split="true" style="width:200px; padding:10px;" title="用户信息">
		<div id="menu-div" style="height:550px; border: #ccc solid 1px; overflow: auto;">
			<ul id="menu-ul" class="easyui-tree" url="system/Menu/getTree" checkbox="true" style='padding: 5px;'></ul>
		</div>
		<button type="button" onclick="exec_menu();">保存</button>
	</div>
	<!--
	<div region="east" split="true" style="width:200px; padding:10px;" title="按钮信息">
		<div id="button-div" style="height:550px; border: #ccc solid 1px; overflow: auto;">
			<ul id="button-ul" class="easyui-tree" checkbox="true" style='padding: 5px;'></ul>
		</div>
		<button type="button" onclick="exec_button();">保存</button>
	</div>
	-->
	<div id="role-div" class="easyui-window" modal="true" closed="true" resizable="false" minimizable="false" maximizable="false" collapsible="false" iconcls="icon-add" style="width: 350px; height: 250px; padding: 5px;" title="添加菜单">
		<form id="role-form">
			<input type="hidden" name="roleInfo.id" value="" />
			<table width="100%" class="table">
				<tr>
					<td>角色名称:</td>
					<td><input name="roleInfo.name" type="text" /></td>
				</tr>
				<tr>
					<td>所属模块:</td>
					<td><input name="roleInfo.leib" type="text" /></td>
				</tr>
				<tr>
					<td colspan="2">
						<button id="role-button" type="button">提交</button>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<button type="button" onclick="$('#role-form')[0].reset();$('#role-div').window('close');">取消</button>
					</td>
				</tr>
			</table>
		</form>
	</div>
</body>
</html>
